
.content {
  margin-top: 30rpx;
  padding: 0 30rpx 0rpx 30rpx;
  background-color: #ffffff;
  box-sizing: border-box;
  .con {
    width: 100%;
    background: #ffffff;
    border-radius: 7rpx;
    border-bottom: 1rpx solid #ebebeb;
    text-align: left;
    font-size: 24rpx;
    font-family: PingFang SC;
    font-weight: 500;
    color: #999999;
    box-sizing: border-box;
    > view {
      display: flex;
      box-sizing: border-box;
      padding: 20rpx 0;
      border-bottom: 1rpx solid #ebebeb;
      > .con-left {
        width: 300rpx;
        height: 180rpx;
        background: #6f6f6f;
        border-radius: 12rpx;
        box-sizing: border-box;
        > video {
          width: 300rpx;
          height: 180rpx;
          background: #6f6f6f;
          border-radius: 12rpx;
        }
      }
      > .con-right {
        width: 358rpx;
        margin-left: 20rpx;
        box-sizing: border-box;
        > view {
          box-sizing: border-box;
          &:nth-child(1) {
            padding-top: 15rpx;
            height: 100rpx;
            font-size: 30rpx;
            color: #333333;

            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
          }
          &:nth-child(2) {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            height: 30rpx;
          }
          &:nth-child(3) {
            // position: relative;
            margin-top: 10rpx;
            > i {
              > image {
                width: 43rpx;
                height: 10rpx;
              }
            }
          }
        }
      }
    }
  }
}